<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <title></title>
    <link rel="stylesheet" href="../lib/weui.css">
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" href="../css/taskDetail.css">
</head>
<script type="text/javascript">
    (function() {
        var newRem = function() {
            var html = document.documentElement;
            html.style.fontSize = html.getBoundingClientRect().width / 10 + 'px';
            console.log(html.style.fontSize);
        };
        window.addEventListener('resize', newRem, false);
        newRem();
    })();
</script>
<script src="../lib/jquery.min.js"></script>
<script src="../lib/weui.min.js"></script>
<script src="../js/global.js"></script>
<script src="../js/taskDetail.js"></script>
<body ontouchstart>
<div class="container">
    <!--第一行content+checkbox-->
    <div class="weui-flex">
        <div class=" weui-cells_checkbox content-checkbox">
            <input type="checkbox" id="task-checkbox" class="regular-checkbox" /><label for="task-checkbox"></label>
        </div>
        <div class="weui-flex__item">
            <p class="content-text">金体体听听停停放松ifois二姐夫iOS减肥iOS二级foi囧瑟夫家冯绍峰水粉色分停提听替你粉色十分十分舒服哦都弄doi你</p>
        </div>
    </div>
    <!--第二行img最多三个-->
    <div class="weui-flex">
        <div class="null-block"></div>
        <div class="weui-flex__item flex-item">
            <div class="weui-grids">
                <a href="javascript:;" class="weui-grid">
                    <div class="grids-box">
                        <div class="weui-grid__icon grids-img">
                            <img class="grids-img" src="../images/mm.png" alt="">
                        </div>
                    </div>
                </a>
                <a href="javascript:;" class="weui-grid">
                    <div class="grids-box">
                        <div class="weui-grid__icon grids-img">
                            <img class="grids-img" src="../images/mm.png" alt="">
                        </div>
                    </div>
                </a>
                <a href="javascript:;" class="weui-grid">
                    <div class="grids-box">
                        <div class="weui-grid__icon grids-img">
                            <img class="grids-img" src="../images/mm.png" alt="">
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="weui-flex task-state">
        <!--<div class="null-block"></div>-->
        <span class="task-user">请自强</span>
        <div class="weui-flex__item"><span class="pad-right10"></span><span>|</span><span class="pad-left10">12月1日 上午 9：50</span></div>
        <div class=""><span class="isOpen">已关闭</span></div>
    </div>
    <div class="weui-flex task-state">
        <div class="task-icon"><i class="fa fa-calendar"></i></div>
        <span class="weui-flex__item col333"><span>12月1日 </span><span>上午 9:50</span> 截至</span>
        <span class="surplus-day">剩余不到一天</span>
    </div>
    <div class="weui-flex task-state">
        <div class="task-icon-lg"><i class="fa fa-user"></i></div>
        <span class="weui-flex__item col333">执行人：张三、<span class="myself">王大锤</span></span>
        <!--根据任务判断显示-->
        <!--<div class="completed">已完成 &nbsp;<i class="fa fa-chevron-right"></i></div>-->
        <div class="pull-right">
            <span class="haBeenCompleted">1</span>/<span class="all">3</span>完成&nbsp;<i class="fa fa-chevron-right right-icon"></i>
        </div>
    </div>
    <div class="weui-flex">
        <!--<div class="null-icon"><i class="fa fa-user"></i></div>-->
        <div class="weui-flex__item task-from">
            <div class="task-from-content">来自任务：的看法呢收腹内裤杰发生看见你<i class="fa fa-chevron-right right-icon pad-left10"></i></div>
        </div>
    </div>
    <div class="child-task-item">
        <div class="child-icon-lg"><i class="fa fa-bars"></i><span class="child-task-header">一个子任务</span></div>
        <div class="child-task">
            <div class="weui-flex">
                <div class="weui-cells_checkbox content-checkbox">
                    <input type="checkbox" id="child-task-checkbox" class="regular-checkbox" /><label for="child-task-checkbox"></label>
                </div>
                <div class="weui-flex__item">
                    <p class="child-task-content">金体体听听停停放松ifois二姐夫iOS减肥iOS二级foi囧瑟夫家冯绍峰水粉色分停提听替你粉色十分十分舒服哦都弄doi你</p>
                </div>
                <span class="isClose">已关闭</span>
            </div>
            <div class="weui-flex">
                <div class="null-icon"><i class="fa fa-user" style="color: #F4F4F4"></i></div>
                <span class="weui-flex__item excuter-name over-hidden">执行人：张三、<span class="myself">王大锤</span>d的粉丝收拾收拾收拾收拾收拾收拾收拾</span>
                <div class="completed">
                    <span class="haBeenCompleted">1</span>/<span class="all">3</span>已完成&nbsp;
                    <!--<i class="fa fa-chevron-right"></i>-->
                </div>
            </div>
        </div>
        <div class="create-child-box">
            <div class="create-child-task">
                <span class="create--txt">+ 添加子任务</span>
            </div>
        </div>
    </div>
</div>
<div class="bg-gray"></div>
<div class="dynamics">
    <div class="weui-flex">
        <div class="weui-flex__item dynamics-num"><span>2</span>条动态</div>
    </div>
    <div class="dynamics-icon-item weui-flex">
        <i class="dynamics-icon fa fa-bell"></i>
        <span class="dynamics-icon-text over-hidden weui-flex__item">张三完成了任务</span>
        <span class="dynamics-clock">11月30日 15：20</span>
    </div>
    <div class="dynamics-icon-item weui-flex">
        <i class="dynamics-icon fa fa-bell"></i>
        <span class="dynamics-icon-text over-hidden weui-flex__item">呵呵呵完成了菲菲说卡夫卡两三年分开了桑拿房科里森任务</span>
        <span class="dynamics-clock">11月30日 15：20</span>
    </div>
    <div class="weui-flex dynamics-myself">
        <div class="dynamics-myself-img-item"><img class="dynamics-myself-img" src="../images/add-task.png" alt=""></div>
        <div class="dynamics-myself-content weui-flex__item">
            <div class="weui-flex">
                <span class="">亲自强</span>
                <span class="weui-flex__item" style="text-align: right">11月30日 15：20</span>
            </div>
            <div class="weui-flex">
                <p class="weui-flex__item">动态动态动态动态动态</p>
            </div>
            <div class="weui-flex">
                <img class="dynamics-myself-content-img" src="../images/mm.png" alt="">
                <img class="dynamics-myself-content-img pad-left10" src="../images/mm.png" alt="">
                <img class="dynamics-myself-content-img pad-left10" src="../images/mm.png" alt="">
            </div>

        </div>
    </div>
    <div class="last-button" id="releaseBtn">
        <a href="javascript:;" class="weui-btn  fixed-content">发布动态</a>
    </div>
</div>

</body>

</html>